import React, { Suspense } from 'react'
import ReactDOM from 'react-dom'

import { BrowserRouter } from 'react-router-dom'

import App from './App'

ReactDOM.render(
  <BrowserRouter>
    {/* Suspense是在当一个懒加载组件要被加载的时候,帮我们展示一个正在加载的效果 */}
    {/* fallback用来定义一个懒加载的组件正在加载过程中提示给用户的ui效果 */}
    {/* fallback的值可以是任何可以渲染到页面上的内容 */}
    {/* <Suspense
      fallback={<div style={{ color: 'red', fontSize: 40 }}>loading...</div>}
    > */}
    <App />
    {/* </Suspense> */}
  </BrowserRouter>,
  document.getElementById('root')
)
